@charset "utf-8";
/* CSS Document */
html{background:#f2f2f2;}

.logo1{height:44px;
	   width:136px;
	   margin-top:10px;
	
}

.header{z-index:300;
        position:fixed;
        width:100%;
        height:92px;
	    top:0;
        left:0;}

.head{vertical-align: top;
	  position: relative;
	  background-color:black;
	  opacity:0.6;
      text-align:center;
      box-shadow:0px 10px 10px  grey;
	  width:100%;
	  padding-bottom:10px;
	}

.option{width:100%;
	    color:gray;
	    margin-top:18px;
        min-width: 320px;
	   }

.option a{margin-left:7%;
	      margin-right:5%;
	
	}
    
.option a:hover{color:white;
               box-shadow:inset 0 -3px 10px #cc3232; }

.main{width:96%;
	margin:0px auto;
	margin-top:130px;
	min-width:640px;
	max-width:1200px;
	overflow:hidden;
	position:relative;
}

.banner{width:100%;
	  overflow:hidden;
	   text-align:center;
	}
    
.banner img{width:100%;}

.option2{position:relative;
         text-align:center;
         width:100%;
         margin-top:5px;}
         
.switch{display:inline-block;
	    width:8px;
	    height:8px;
        border-radius: 6px;
        background:grey;
        border:1px white solid;
        margin:0 8px;
        vertical-align:middle;
    }
.switch:hover{transform:scale(1.5);}
.text{margin-top:29px;
      text-indent:2em;
      padding:2.2% 0 2.2% 0;
      border-top:1px #CFC9C9 solid;
      border-bottom:1px #CFC9C9 solid;
      font-size:1.2em;
      color:grey;
      text-align:center;
      }

.jinzhubaba{margin:2% auto;
            width:100%;
            overflow:hidden;
            text-align:center;}
            
.jinzhubaba span img{width:5%;
                     margin:0px 0.6%;
                     min-width:35px;}


.content{
    width: 100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
	overflow:hidden;
}

.content div{
    width:31%;
    margin:2% 0;
    background-color:white;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	border-radius:10px;
}


.content div img{
    width: 100%;
	float: left;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	
}
.content div:hover{transform:rotate(45deg);}

.content div p{
    width: 100%;
    text-align: center;
    color: #666666;
    font:0.98em ;
    line-height: 35px;
    white-space:nowrap;
    overflow: hidden;
}


.footer{
	background:#e0e0e0;
	position:relative;
	width:100%;
	margin-top:45px;
	padding-top:13px;
	text-shadow:1px 1px 1px white;
	color: #666666;
	overflow: hidden;
}

.footerleft,.footerright{width: 49%;}

.footerleft{vertical-align:top;
	       float:left;
           }

.logo2{float:right;
       height:70px;
       margin-bottom:5px;
       display:flex;
       flex-wrap:nowrap;}

.logo2 a{width:45px;
	    float:left;
	    margin-bottom:5px;
        }

.logo{margin-bottom:10px;
      margin:0 4px;
}

.logo2 a img{width:100%;}
.footerright{
	        border-left:1px #bcbcbc solid;
	        float:right;
           }

.footerlogo {width:90px;
             margin-bottom:10px;}

.right{margin-left:3%;
	   font-size:0.75em;}

.footerlogo img{width:100%;}

.right p{margin-bottom:5px;
	     }


@media screen and (max-width:1200px){
	.header{height:75px}
	.head{height:80px; padding-top:5px}
	.logo1{width:110px;height:32px}
	
	
}
@media screen and (max-width:660px){
	.main{width:94%;
	      margin-top:120px;
		  min-width:310px}
}

@media screen and (max-width:500px){
	.content{flex:wrap
	         }
	.content div{width:48%;
	            }
	.jinzhubaba span img{margin:0 6px}
	.right{margin-left:2px}
	.footerlogo{width:90px}
	.right p{margin-bottom:3px;
	         white-space:nowrap;
	         font-size:0.5em}
	.logo2 a{margin-left:5px}
	.logo2{margin-right:0px}
	.footer{margin-top:20px;
	        padding-top:0px}
	.text{font-size:0.9em}
	.option a{font-size:0.8em}
	.content div p{font-size:0.8em}
	.switch{width:5px;
	        height:5px;
	        margin:0 5px}
	}
@media screen and (max-width:350px){
	.text{font-size:0.8em}
	.option a{font-size:0.5em}
	.content div p{font-size:0.6em}
	.main{width:90%;
	margin-top:120px;
	min-width:210px}
	.header{height:80px}
	.head{height:70px}
	.logo1{width:90px;height:25px}
	.option{margin-top:10px}
	.logo2 a{width:35px}
	.footerlogo{width:85px}
	.footer{padding-top:0;}
}

